@import "base.less";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}
html,body{
  width: 100%;
  height: 100%;
  font-size:14px;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: @gray_base;
}
a{
  color:inherit;
  text-decoration: none;
  cursor: pointer;
  &:hover{
    color:@red;
  }
}
/**自定位置*/
.p_b_0 {
  padding-bottom: 0 !important;
}
.p_t_15 {
  padding-top: 15px;
}
.m_t_15 {
  margin-top: 15px;
}
.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
  }
}
.flex {
  display: flex;
  display: -webkit-flex;
  &.flex-col {
    /*垂直*/
    flex-direction: column;
  }
  &.flex-row {
    /*水平*/
    flex-direction: row;
  }
  &.wrap {
    flex-wrap: wrap;
  }
  &.justify-center {
    /*水平居中*/
    justify-content: center;
  }
  &.justify-between {
    justify-content: space-between;
  }
  &.justify-around {
    justify-content: space-around;
  }
  /*交叉轴*/
  &.items-center {
    /*垂直居中*/
    align-items: center;
  }
  &.items-stretch {
    /*充满*/
    align-items: stretch;
  }
  &.items-end{
    /*底部*/
    align-items:flex-end;
  }
  &.items-baseline {
    /*第一行文字的基准线*/
    align-items: baseline;
  }
  /*作用于多线轴*/
  &.content-center {
    align-content: center;
  }
  &.content-stretch {
    /*平分充满容器*/
    align-content: stretch;
  }
  &.content-between {
    align-content: space-between;
  }
  &.content-around {
    align-content: space-around;
  }
  .order0 {
    /*定义项目的排序,值越小越靠前*/
    order: 0; // 默认值0
  }
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .flex-1 {
    /*项目的放大比例*/
    flex-grow: 1; //默认值0
  }
  .flex-shrink1 {
    /*设置项目的缩小比例 默认值1 值为负值是无效*/
    flex-shrink: 1;
  }
  .flex-shrink0 {
    /*设置项目的缩小比例 默认值1 值为负值是无效*/
    flex-shrink: 0;
  }
  .basic {
    /*设置固定宽度*/
    flex-basis: auto;
  }
  .align-self {
    /*允许单个项目的对齐方式,默认继承 algin-items*/
    align-self: auto;
  }
}

/*字体相关*/
.t_left{
  text-align: left;
}
.t_center{
  text-align: center;
}
.t_right{
  text-align: right;
}
.f_left{
  float:left;
}
.f_right{
  float:right;
}
.inline{
  display: inline-block;
}
.t_underline{
  text-decoration: underline;
}
.fs12 {
  font-size:12px;
}
.fs13 {
  font-size:13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.baseGary {
  color: @font-color;
}
.baseBlue {
  color: @blue;
}
.baseRed {
  color: @red;
}
.baseGreen {
  color: @green;
}
.baseOrange {
  color: @orange;
}
.baseYello {
  color: @yello;
}
.ce6 {
  color: @gray_e6;
}
.cf8 {
  color: @gray_f8;
}
.c999{
  color:@gray_9;
}
.c666{
  color:@gray_6;
}
